<template>
    <el-main>
        <el-main class="ep-body">
            <el-card class="ep-card">
                <el-form :model="form" ref="form" :rules="rules">

                    <ep-title>当前行政区划信息</ep-title>
                        <el-row :gutter="10">
                            <ep-select colspan="8" label="行政区划" name="aab301" :property="form.aab301" codetype="AAB301" 
                                p="R,D" rules="this.$rules.test_noBlank"></ep-select>
                            <ep-select colspan="8" label="统筹区" name="aaa027" :property="form.aaa027" codetype="AAA027" 
                                p="R,D" rules="this.$rules.test_noBlank"></ep-select>
                            <ep-input  colspan="8" label="移交人数" name="yj_count" :property="form.yj_count"
                                p="R,D" rules="this.$rules.test_noBlank"></ep-input >
                        </el-row>

                    <ep-title>文件导入信息</ep-title>
                        <el-row :gutter="10">
                            <ep-select colspan="8" label="人员信息文件（选择导入）" name="uploadFile" :property="form.uploadFile" codetype="AAA027" 
                                p="E" ></ep-select>
                            <ep-input  colspan="8" label="格式文件下载" name="download" :property="form.download"
                                p="E" ></ep-input >
                        </el-row>

                        <el-row type="flex" justify="center">
                            <ep-saveButton id="doSave"  type="primary" top="20" bottom="20" ref="save" @formValidate="formValidate" :validate="['form']"
                                :datas="{formData: form,panel:panel,tableData1:tableData1,tableData2:tableData2}"></ep-saveButton>
                        </el-row>
                </el-form>

                <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="人员导入校验成功信息" name="1">
                        <ep-table :data="tableData1" :pager="20">
                            <ep-table-column editor="text" name="aac003" header="姓名"></ep-table-column>
                            <ep-table-column editor="text" name="aac002" header="社会保障号码"></ep-table-column>
                            <ep-table-column editor="text" name="aae003" header="发放年月"></ep-table-column>
                            <ep-table-column editor="text" name="aae019" header="综合性补贴金额"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>

                    <el-tab-pane label="人员导入校验失败信息" name="2">
                        <ep-table :data="tableData2" :pager="20">
                            <ep-table-column editor="text" name="aac003" header="姓名"></ep-table-column>
                            <ep-table-column editor="text" name="aac002" header="社会保障号码"></ep-table-column>
                            <ep-table-column editor="text" name="aae003" header="发放年月"></ep-table-column>
                            <ep-table-column editor="text" name="aae019" header="综合性补贴金额"></ep-table-column>
                            <ep-table-column editor="text" name="errorInfo" header="错误原因"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/TransferencePayJS.js"></script>
